﻿@inherits LayoutComponentBase

<div class="page">
    <div class="main" style="overflow:auto;padding:0px;padding-left:0rem!important;padding-right:0rem!important; overflow:auto;">
        @Body
   </div>
    <div class="weui-tabbar" id="shop-tabbar">
        <a href="/Home/Index" class="weui-tabbar__item "  id="tabbar-1">
          <div class="weui-tabbar__icon">
                <img src="@ApiConf.CND/Images/Icon/home.png" alt="tar_home">
          </div>
          <p class="weui-tabbar__label">首页</p>
        </a>
        <a href="/Home/Mall/Categroy" class="weui-tabbar__item" id="tabbar-2">
          <div class="weui-tabbar__icon">
                <img src="@ApiConf.CND/Images/Icon/class.png" alt="tar_home">
          </div>
          <p class="weui-tabbar__label">分类</p>
        </a>
        <a href="/Find/GLis" class="weui-tabbar__item" id="tabbar-3">
          <div class="weui-tabbar__icon">
                <img src="@ApiConf.ApiStatic()/Images/find.png" alt="">
          </div>
          <p class="weui-tabbar__label">发现</p>
        </a>
        <a href="/Account/Me/Index" class="weui-tabbar__item" id="tabbar-4">
          <div class="weui-tabbar__icon">
                <img src="@ApiConf.ApiStatic()/Images/me.png" alt="">
          </div>
          <p class="weui-tabbar__label">我的</p>
        </a>
      </div>
</div>
@using Microsoft.Maui.Controls
@using YiMeiJiaLibModel.Config;
@inject NavigationManager Navigation
@code{
    
}

<script>
    function SwitchTabbar(id) {
        $(`.weui-tabbar__item`).removeClass("weui-bar__item--on");
        $($`#tabbar-{id}`).addClass("weui-bar__item--on");
    }
</script>